<template>
    <div class="content">
        <div id="g_top" data-module="store" class="m-header f-pr">
            <div class="m-nav f-cb f-pr">

                <div class="m-logo f-fl">
                    <a href="javascript:;" data-action="home"></a>
                </div>

                <div class="m-search f-fl" id="m-search">
                    <div>
                        <div class="inputwrap" style="display: none;">
                            <form class="f-pr" action="">
                                <input type="txt" class="searchbox" autocomplete="off" placeholder="十个勤天">
                            </form>
                        </div>
                        <div class="wrap">
                            <!--Regular if0--><!--Regular if1-->
                        </div>
                    </div>
                </div>

                <div class="m-shopcar f-fl f-pr">
                    <a href="javascript:;" data-action="cart"></a>
                </div>

                <div class="m-user f-fl" id="m-user">
                    <div class="m-select f-pr">
                        <!--Regular if2-->
                        <img class="avatar"
                            src="http://p4.music.126.net/cje0m-ST9QXXZIljqxtO7Q==/109951164796043001.jpg?param=36y36">

                        <ul style="display: none;">
                            <!--Regular list-->
                            <li data-action="order">
                                <a class="f-pr s-fc0"><em class="order"></em>我的订单<span class="f-pa"></span></a>
                            </li>

                            <li data-action="mycoupon">
                                <a class="f-pr s-fc0"><em class="coupon-icon"></em>我的优惠券<span class="f-pa"></span></a>
                            </li>

                            <li data-action="address">
                                <a class="f-pr s-fc0"><em class="address"></em>我的收货地址<span class="f-pa"></span></a>
                            </li>

                            <li data-action="mainside">
                                <a class="f-pr s-fc0"><em class="mainside"></em>网易云音乐首页<span class="f-pa"></span></a>
                            </li>

                            <li data-action="logout" class="bort">
                                <a class="f-pr s-fc0"><em class="logout"></em>退出<span class="f-pa"></span></a>
                            </li>

                        </ul>
                        <i class="arr" style="display: none;"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner">
            <el-carousel height="480px" motion-blur>
                <el-carousel-item v-for="item in images" :key="item">
                    <img style="object-fit: cover; width: 100%; height: 100%;" :src="item.name" alt="" srcset="">
                </el-carousel-item>
            </el-carousel>
        </div>

        <div class="g-tab">
            <div class="hometab">
                <ul class="f-tc f-cb">
                    <li class="tab">
                        <a data-action="gotopic" data-href="/store/product/variouskind?cid=101000&amp;title=数码影音"
                            data-page="class" data-title="数码影音" class="f-blk">
                            <img src="http://p3.music.126.net/PzH4QQKE5R97J9f2V-SvqQ==/18585045045959929.jpg">
                            <span class="f-thide">数码影音</span>
                        </a>
                        <em class="line"></em>
                    </li>
                    <li class="tab">
                        <a data-action="gotopic" data-href="/store/product/column?id=55001&amp;title=热销爆品"
                            data-page="topic" data-title="热销爆品" class="f-blk">
                            <img src="http://p3.music.126.net/UKhDHWnEMmoOo27PQmDPbA==/19117208672446378.jpg">
                            <span class="f-thide">热销爆品</span>
                        </a>
                        <em class="line"></em>
                    </li>
                    <li class="tab">
                        <a data-action="gotopic" data-href="/store/product/variouskind?cid=1008002&amp;title=IP周边"
                            data-page="class" data-title="IP周边" class="f-blk">
                            <img src="http://p4.music.126.net/tKMAm5OvR-2lAj7dnEOhsg==/18623527952924939.jpg">
                            <span class="f-thide">IP周边</span>
                        </a>
                        <em class="line"></em>
                    </li>
                    <li>
                        <a href="javascript:;" class="f-blk jifen" data-action="gocredit">
                            <div class="left"></div>
                            <div class="right">
                                <div class="txt s-fc1">云贝商城</div>
                                <span class="count">0</span>
                                <span class="jifen">云贝</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div ref="triggerElement" class="g-bd g-bd-home">
            <div id="g-main" class="ma">
                <div id="module-root" class="n-index">
                    <div class="subjs f-cb">
                        <div class="subj pad-right">
                            <a href="/store/product/column?id=55001" data-id="55001" data-action="gosub"
                                data-position="0" target="_blank">
                                <img src="http://p4.music.126.net/kQqf40w-NFhLXIksQPgSwg==/109951164207184328.jpg"
                                    alt="">
                            </a>
                        </div>
                        <div class="subj ">
                            <a href="/store/product/column?id=68001" data-id="68001" data-action="gosub"
                                data-position="1" target="_blank">
                                <img src="http://p4.music.126.net/QtFPuBnRPFatpnGsyNJYhw==/109951163973446450.jpg"
                                    alt="">
                            </a>
                        </div>
                    </div>
                    <div class="m-block" style="min-height: 816px; display: none;" id="m-block-hot">
                        <span class="mid-txt mid-bold">编辑推荐</span>
                        <div id="recmd-list">
                            <div class="m-product">
                                <ul class="list f-cb">
                                </ul>
                            </div>
                            <div style="display: none;">
                                <div class="m-page ">
                                    <a href="javascript:;" class="zbtn zprv js-disabled"></a>

                                    <a href="javascript:;" class="zpgi js-selected">1</a>

                                    <a href="javascript:;" class="zpgi ">0</a>


                                    <a href="javascript:;" class="zbtn znxt "></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="digalb f-mgt10" data-action="godigalb" data-href="/v/w/album/rank"
                        style="background-color:#f9f9f9">
                        <div class="cnt">
                            <div class="inner">
                                <span><i></i>数字专辑</span>
                                <p class="f-thide">数字专辑
                                    <em class="p-cover"></em>
                                </p>
                                <a href="javascript:;">立 即 购 买 &gt;</a>
                            </div>
                        </div>
                        <div class="covers f-pa">
                            <img class="sml"
                                src="http://p2.music.126.net/SjgXW2SdI1F-4i37JL1Yig==/109951170958551502.jpg?param=120y120">
                            <img class="big"
                                src="http://p2.music.126.net/D7OqjiiLz7pfbqxthbjBUQ==/109951170922817277.jpg?param=120y120">
                            <i class="circle"></i>
                        </div>
                    </div>

                    <div class="m-bkloc">
                        <span class="mid-txt mid-bold">热门商品</span>
                        <div id="hot-list">
                            <div class="m-product">
                                <ul class="list f-cb">
                                    <!--Regular if7-->
                                    <!--Regular list-->
                                    <li data-action="bircd" data-index="0">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9287005" data-position="0"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9287005">
                                                <!--Regular if11-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/XjsAppA2WHC6a3vxtWdedg==/109951163293163138.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if12-->
                                                <!--Regular if13-->
                                                <!--Regular if14-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if15-->
                                                    <!--Regular if16-->
                                                    <!--Regular if17-->
                                                    <a data-id="9287005" data-position="0" data-action="card"
                                                        target="_blank" href="/store/product/detail?id=9287005">邱胜翊（王子）
                                                        Attention! 听好 1CD</a>
                                                </h3>
                                                <!--Regular if18-->
                                                <!--Regular if19-->
                                                <p class="txt f-thide">
                                                    <!--Regular if20-->
                                                    ¥<em>69</em>
                                                    <!--Regular if21-->
                                                </p>
                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="1">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9431006" data-position="1"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9431006">
                                                <!--Regular if22-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/tqME2w-oF4FDlrFKV15QFQ==/109951163345406651.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if23-->
                                                <!--Regular if24-->
                                                <!--Regular if25-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if26-->
                                                    <!--Regular if27-->
                                                    <!--Regular if28-->
                                                    <a data-id="9431006" data-position="1" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9431006">《青云志》电视剧原声带
                                                        1CD</a>
                                                </h3>
                                                <!--Regular if29-->
                                                <!--Regular if30-->
                                                <p class="txt f-thide">
                                                    <!--Regular if31-->
                                                    ¥<em>90</em>
                                                    <!--Regular if32-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="2">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9439008" data-position="2"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9439008">
                                                <!--Regular if33-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p3.music.126.net/-GabY3F14cqSOhhI1GOuAA==/109951163345410402.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if34-->
                                                <!--Regular if35-->
                                                <!--Regular if36-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if37-->
                                                    <!--Regular if38--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if39-->
                                                    <a data-id="9439008" data-position="2" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9439008">《老男孩》电视剧原声带
                                                        2CD</a>
                                                </h3>
                                                <!--Regular if40-->
                                                <!--Regular if41-->
                                                <p class="txt f-thide">
                                                    <!--Regular if42-->
                                                    ¥<em>94</em>
                                                    <!--Regular if43-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="3" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9437005" data-position="3"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9437005">
                                                <!--Regular if44-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p3.music.126.net/BbvYYzt7C8Wp-KIqPsM-wA==/109951163345432051.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if45-->
                                                <!--Regular if46-->
                                                <!--Regular if47-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if48-->
                                                    <!--Regular if49-->
                                                    <!--Regular if50-->
                                                    <a data-id="9437005" data-position="3" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9437005">《南方有乔木》电视剧原声带 2CD</a>
                                                </h3>
                                                <!--Regular if51-->
                                                <!--Regular if52-->
                                                <p class="txt f-thide">
                                                    <!--Regular if53-->
                                                    ¥<em>88</em>
                                                    <!--Regular if54-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="4">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9430007" data-position="4"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9430007">
                                                <!--Regular if55-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/mmgC9JT4eXJxb4AzjINXog==/109951163345471702.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if56-->
                                                <!--Regular if57-->
                                                <!--Regular if58-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if59-->
                                                    <!--Regular if60-->
                                                    <!--Regular if61-->
                                                    <a data-id="9430007" data-position="4" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9430007">《杉杉来了》电视剧原声带</a>
                                                </h3>
                                                <!--Regular if62-->
                                                <!--Regular if63-->
                                                <p class="txt f-thide">
                                                    <!--Regular if64-->
                                                    ¥<em>90</em>
                                                    <!--Regular if65-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="5">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9435009" data-position="5"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9435009">
                                                <!--Regular if66-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/HO3NUJBpXzeopsPOyizDLw==/109951163345482444.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if67-->
                                                <!--Regular if68-->
                                                <!--Regular if69-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if70-->
                                                    <!--Regular if71--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if72-->
                                                    <a data-id="9435009" data-position="5" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9435009">《好先生》电视剧原声带</a>
                                                </h3>
                                                <!--Regular if73-->
                                                <!--Regular if74-->
                                                <p class="txt f-thide">
                                                    <!--Regular if75-->
                                                    ¥<em>90</em>
                                                    <!--Regular if76-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="6">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9441001" data-position="6"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9441001">
                                                <!--Regular if77-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/qr6e9pzQ8g-UY_daibzK_A==/109951163345492198.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if78-->
                                                <!--Regular if79-->
                                                <!--Regular if80-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if81-->
                                                    <!--Regular if82--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if83-->
                                                    <a data-id="9441001" data-position="6" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9441001">《择天记》影视原声带2CD</a>
                                                </h3>
                                                <!--Regular if84-->
                                                <!--Regular if85-->
                                                <p class="txt f-thide">
                                                    <!--Regular if86-->
                                                    ¥<em>90</em>
                                                    <!--Regular if87-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="7" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9447002" data-position="7"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9447002">
                                                <!--Regular if88-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p3.music.126.net/uqGi71iywVzbocCJp5EPiw==/109951163345492361.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if89-->
                                                <!--Regular if90-->
                                                <!--Regular if91-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if92-->
                                                    <!--Regular if93--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if94-->
                                                    <a data-id="9447002" data-position="7" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9447002">《亲爱的翻译官》电视剧原声带</a>
                                                </h3>
                                                <!--Regular if95-->
                                                <!--Regular if96-->
                                                <p class="txt f-thide">
                                                    <!--Regular if97-->
                                                    ¥<em>90</em>
                                                    <!--Regular if98-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="8">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9442006" data-position="8"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9442006">
                                                <!--Regular if99-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/rgHF-XslVxU1uwxN5Gd13w==/109951163345508220.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if100-->
                                                <!--Regular if101-->
                                                <!--Regular if102-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if103-->
                                                    <!--Regular if104-->
                                                    <!--Regular if105-->
                                                    <a data-id="9442006" data-position="8" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9442006">柯有伦《飞》</a>
                                                </h3>
                                                <!--Regular if106-->
                                                <!--Regular if107-->
                                                <p class="txt f-thide">
                                                    <!--Regular if108-->
                                                    ¥<em>69</em>
                                                    <!--Regular if109-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="9">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9438008" data-position="9"
                                                data-action="card" target="_blank"
                                                href="/store/product/detail?id=9438008">
                                                <!--Regular if110-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/wyV50WwHyTEc0iVYlsrfQQ==/109951163346376635.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if111-->
                                                <!--Regular if112-->
                                                <!--Regular if113-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if114-->
                                                    <!--Regular if115--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if116-->
                                                    <a data-id="9438008" data-position="9" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9438008">刘思涵《不特别得很特别》</a>
                                                </h3>
                                                <!--Regular if117-->
                                                <!--Regular if118-->
                                                <p class="txt f-thide">
                                                    <!--Regular if119-->
                                                    ¥<em>69</em>
                                                    <!--Regular if120-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="10">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9444011"
                                                data-position="10" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9444011">
                                                <!--Regular if121-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p3.music.126.net/0tVmM3Jhe1X1AaHNCu5EBg==/109951163346387359.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if122-->
                                                <!--Regular if123-->
                                                <!--Regular if124-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if125-->
                                                    <!--Regular if126--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if127-->
                                                    <a data-id="9444011" data-position="10" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9444011">李雨《鱼里言吾》</a>
                                                </h3>
                                                <!--Regular if128-->
                                                <!--Regular if129-->
                                                <p class="txt f-thide">
                                                    <!--Regular if130-->
                                                    ¥<em>90</em>
                                                    <!--Regular if131-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="11" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9436011"
                                                data-position="11" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9436011">
                                                <!--Regular if132-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/_ku0no8--j6BJDisBjEjpA==/109951163349918113.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if133-->
                                                <!--Regular if134-->
                                                <!--Regular if135-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if136-->
                                                    <!--Regular if137-->
                                                    <!--Regular if138-->
                                                    <a data-id="9436011" data-position="11" data-action="card"
                                                        target="_blank" href="/store/product/detail?id=9436011">顺子《Dear
                                                        Shunza》</a>
                                                </h3>
                                                <!--Regular if139-->
                                                <!--Regular if140-->
                                                <p class="txt f-thide">
                                                    <!--Regular if141-->
                                                    ¥<em>69</em>
                                                    <!--Regular if142-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="12">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9444014"
                                                data-position="12" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9444014">
                                                <!--Regular if143-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p3.music.126.net/5fJMmUbN-Z9Y8gUzW8W_wQ==/109951163349918824.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if144-->
                                                <!--Regular if145-->
                                                <!--Regular if146-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if147-->
                                                    <!--Regular if148-->
                                                    <!--Regular if149-->
                                                    <a data-id="9444014" data-position="12" data-action="card"
                                                        target="_blank" href="/store/product/detail?id=9444014">顺子《…And
                                                        Music's There…》</a>
                                                </h3>
                                                <!--Regular if150-->
                                                <!--Regular if151-->
                                                <p class="txt f-thide">
                                                    <!--Regular if152-->
                                                    ¥<em>69</em>
                                                    <!--Regular if153-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="13">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9429005"
                                                data-position="13" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9429005">
                                                <!--Regular if154-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/EaZCy1XX-JbWRDyNFT1LAQ==/109951163349927556.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if155-->
                                                <!--Regular if156-->
                                                <!--Regular if157-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if158-->
                                                    <!--Regular if159-->
                                                    <!--Regular if160-->
                                                    <a data-id="9429005" data-position="13" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9429005">戴爱玲《为爱做的傻事》</a>
                                                </h3>
                                                <!--Regular if161-->
                                                <!--Regular if162-->
                                                <p class="txt f-thide">
                                                    <!--Regular if163-->
                                                    ¥<em>69</em>
                                                    <!--Regular if164-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="14">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9437008"
                                                data-position="14" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9437008">
                                                <!--Regular if165-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p3.music.126.net/EFvqodi0ivsqPmaf71nTNA==/109951163349931516.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if166-->
                                                <!--Regular if167-->
                                                <!--Regular if168-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if169-->
                                                    <!--Regular if170--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if171-->
                                                    <a data-id="9437008" data-position="14" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9437008">戴爱玲《Magic》</a>
                                                </h3>
                                                <!--Regular if172-->
                                                <!--Regular if173-->
                                                <p class="txt f-thide">
                                                    <!--Regular if174-->
                                                    ¥<em>69</em>
                                                    <!--Regular if175-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="15" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9431014"
                                                data-position="15" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9431014">
                                                <!--Regular if176-->
                                                <img data-src="" class="f-img j-lazy z-loaded"
                                                    src="http://p4.music.126.net/jx5TJ9pXQsv32kk6G_X8rw==/109951163349949577.jpg?param=329x9999&amp;quality=75">

                                                <!--Regular if177-->
                                                <!--Regular if178-->
                                                <!--Regular if179-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if180-->
                                                    <!--Regular if181-->
                                                    <!--Regular if182-->
                                                    <a data-id="9431014" data-position="15" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9431014">辰亦儒《IN硬》</a>
                                                </h3>
                                                <!--Regular if183-->
                                                <!--Regular if184-->
                                                <p class="txt f-thide">
                                                    <!--Regular if185-->
                                                    ¥<em>69</em>
                                                    <!--Regular if186-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="16">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9428016"
                                                data-position="16" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9428016">
                                                <!--Regular if187-->
                                                <img data-src="http://p4.music.126.net/t9Nqb6COhKhzkOaP-KgZ2Q==/109951163349945409.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if188-->
                                                <!--Regular if189-->
                                                <!--Regular if190-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if191-->
                                                    <!--Regular if192--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if193-->
                                                    <a data-id="9428016" data-position="16" data-action="card"
                                                        target="_blank" href="/store/product/detail?id=9428016">思美人
                                                        影视原声大碟</a>
                                                </h3>
                                                <!--Regular if194-->
                                                <!--Regular if195-->
                                                <p class="txt f-thide">
                                                    <!--Regular if196-->
                                                    ¥<em>63</em>
                                                    <!--Regular if197-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="17">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9442011"
                                                data-position="17" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9442011">
                                                <!--Regular if198-->
                                                <img data-src="http://p3.music.126.net/ydejEAOsHPL6D0EsuosC_w==/109951163349954210.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if199-->
                                                <!--Regular if200-->
                                                <!--Regular if201-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if202-->
                                                    <!--Regular if203-->
                                                    <!--Regular if204-->
                                                    <a data-id="9442011" data-position="17" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9442011">百忧解《偷掉世界的彩虹》</a>
                                                </h3>
                                                <!--Regular if205-->
                                                <!--Regular if206-->
                                                <p class="txt f-thide">
                                                    <!--Regular if207-->
                                                    ¥<em>69</em>
                                                    <!--Regular if208-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="18">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9513007"
                                                data-position="18" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9513007">
                                                <!--Regular if209-->
                                                <img data-src="http://p4.music.126.net/JrIrxx54iZQMRAucbQfPOA==/109951163388325247.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if210-->
                                                <!--Regular if211-->
                                                <!--Regular if212-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if213-->
                                                    <!--Regular if214-->
                                                    <!--Regular if215-->
                                                    <a data-id="9513007" data-position="18" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9513007">郭修彧《抽象图》</a>
                                                </h3>
                                                <!--Regular if216-->
                                                <!--Regular if217-->
                                                <p class="txt f-thide">
                                                    <!--Regular if218-->
                                                    ¥<em>69</em>
                                                    <!--Regular if219-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="19" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9513008"
                                                data-position="19" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9513008">
                                                <!--Regular if220-->
                                                <img data-src="http://p4.music.126.net/syOQjwmpHMKe75ic1mugkw==/109951163388366475.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if221-->
                                                <!--Regular if222-->
                                                <!--Regular if223-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if224-->
                                                    <!--Regular if225--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if226-->
                                                    <a data-id="9513008" data-position="19" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9513008">陈明憙《童装高跟鞋》</a>
                                                </h3>
                                                <!--Regular if227-->
                                                <!--Regular if228-->
                                                <p class="txt f-thide">
                                                    <!--Regular if229-->
                                                    ¥<em>69</em>
                                                    <!--Regular if230-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="20">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9527005"
                                                data-position="20" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9527005">
                                                <!--Regular if231-->
                                                <img data-src="http://p3.music.126.net/GWVlwWDIAMiClZX553zKhw==/109951163388372331.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if232-->
                                                <!--Regular if233-->
                                                <!--Regular if234-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if235-->
                                                    <!--Regular if236-->
                                                    <!--Regular if237-->
                                                    <a data-id="9527005" data-position="20" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9527005">S.H.E《永远都在》</a>
                                                </h3>
                                                <!--Regular if238-->
                                                <!--Regular if239-->
                                                <p class="txt f-thide">
                                                    <!--Regular if240-->
                                                    ¥<em>69</em>
                                                    <!--Regular if241-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="21">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9811006"
                                                data-position="21" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9811006">
                                                <!--Regular if242-->
                                                <img data-src="http://p4.music.126.net/NJu8pjyJR011Ne9BNJFyrg==/109951163458418853.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if243-->
                                                <!--Regular if244-->
                                                <!--Regular if245-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if246-->
                                                    <!--Regular if247-->
                                                    <!--Regular if248-->
                                                    <a data-id="9811006" data-position="21" data-action="card"
                                                        target="_blank" href="/store/product/detail?id=9811006">惊虫乐队
                                                        PANIC
                                                        WORM 《ELUSIVE MAGIC 飘忽的幻术》</a>
                                                </h3>
                                                <!--Regular if249-->
                                                <!--Regular if250-->
                                                <p class="txt f-thide">
                                                    <!--Regular if251-->
                                                    ¥<em>75</em>
                                                    <!--Regular if252-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="22">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="9810007"
                                                data-position="22" data-action="card" target="_blank"
                                                href="/store/product/detail?id=9810007">
                                                <!--Regular if253-->
                                                <img data-src="http://p4.music.126.net/-OjkveW4T-f1e2cn5A6esg==/109951163458418987.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if254-->
                                                <!--Regular if255-->
                                                <!--Regular if256-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if257-->
                                                    <!--Regular if258-->
                                                    <!--Regular if259-->
                                                    <a data-id="9810007" data-position="22" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=9810007">《鬼吹灯之黄皮子坟》网络剧原声带</a>
                                                </h3>
                                                <!--Regular if260-->
                                                <!--Regular if261-->
                                                <p class="txt f-thide">
                                                    <!--Regular if262-->
                                                    ¥<em>85</em>
                                                    <!--Regular if263-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="23" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="10154004"
                                                data-position="23" data-action="card" target="_blank"
                                                href="/store/product/detail?id=10154004">
                                                <!--Regular if264-->
                                                <img data-src="http://p4.music.126.net/L-EEGW5SryJSkme8hd1rsw==/109951163593268454.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if265-->
                                                <!--Regular if266-->
                                                <!--Regular if267-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if268-->
                                                    <!--Regular if269--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if270-->
                                                    <a data-id="10154004" data-position="23" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=10154004">炎亚纶《最想去的地方》</a>
                                                </h3>
                                                <!--Regular if271-->
                                                <!--Regular if272-->
                                                <p class="txt f-thide">
                                                    <!--Regular if273-->
                                                    ¥<em>88</em>
                                                    <!--Regular if274-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="24">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="10172005"
                                                data-position="24" data-action="card" target="_blank"
                                                href="/store/product/detail?id=10172005">
                                                <!--Regular if275-->
                                                <img data-src="http://p3.music.126.net/gVVDS6ZUdouv0iaYtz9uGw==/109951163593276294.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if276-->
                                                <!--Regular if277-->
                                                <!--Regular if278-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if279-->
                                                    <!--Regular if280-->
                                                    <!--Regular if281-->
                                                    <a data-id="10172005" data-position="24" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=10172005">齐一《生命中的时光》</a>
                                                </h3>
                                                <!--Regular if282-->
                                                <!--Regular if283-->
                                                <p class="txt f-thide">
                                                    <!--Regular if284-->
                                                    ¥<em>79</em>
                                                    <!--Regular if285-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="25">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="10170007"
                                                data-position="25" data-action="card" target="_blank"
                                                href="/store/product/detail?id=10170007">
                                                <!--Regular if286-->
                                                <img data-src="http://p3.music.126.net/p3U5poSRVD8w9Z_wrO5HCg==/109951163593283588.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if287-->
                                                <!--Regular if288-->
                                                <!--Regular if289-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if290-->
                                                    <!--Regular if291-->
                                                    <!--Regular if292-->
                                                    <a data-id="10170007" data-position="25" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=10170007">《虎妈猫爸》电视剧原声带</a>
                                                </h3>
                                                <!--Regular if293-->
                                                <!--Regular if294-->
                                                <p class="txt f-thide">
                                                    <!--Regular if295-->
                                                    ¥<em>78</em>
                                                    <!--Regular if296-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="26">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="10153011"
                                                data-position="26" data-action="card" target="_blank"
                                                href="/store/product/detail?id=10153011">
                                                <!--Regular if297-->
                                                <img data-src="http://p3.music.126.net/qD4AG-IbQbb1al97gAIWog==/109951163593285284.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if298-->
                                                <!--Regular if299-->
                                                <!--Regular if300-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if301-->
                                                    <!--Regular if302--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if303-->
                                                    <a data-id="10153011" data-position="26" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=10153011">柯智棠《吟游》</a>
                                                </h3>
                                                <!--Regular if304-->
                                                <!--Regular if305-->
                                                <p class="txt f-thide">
                                                    <!--Regular if306-->
                                                    ¥<em>152</em>
                                                    <!--Regular if307-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="27" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="10699015"
                                                data-position="27" data-action="card" target="_blank"
                                                href="/store/product/detail?id=10699015">
                                                <!--Regular if308-->
                                                <img data-src="http://p4.music.126.net/0Q4SWeJL0n4zTL1_GAgI6A==/109951163731529351.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if309-->
                                                <!--Regular if310-->
                                                <!--Regular if311-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if312-->
                                                    <!--Regular if313-->
                                                    <!--Regular if314-->
                                                    <a data-id="10699015" data-position="27" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=10699015">关喆《奇怪的帽子》</a>
                                                </h3>
                                                <!--Regular if315-->
                                                <!--Regular if316-->
                                                <p class="txt f-thide">
                                                    <!--Regular if317-->
                                                    ¥<em>79</em>
                                                    <!--Regular if318-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="28">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="10688008"
                                                data-position="28" data-action="card" target="_blank"
                                                href="/store/product/detail?id=10688008">
                                                <!--Regular if319-->
                                                <img data-src="http://p3.music.126.net/qqSwCWmboPYpXV8hyYAvkg==/109951163731536748.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if320-->
                                                <!--Regular if321-->
                                                <!--Regular if322-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if323-->
                                                    <!--Regular if324--><span class="tag tag-red"><em>包邮</em></span>
                                                    <!--Regular if325-->
                                                    <a data-id="10688008" data-position="28" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=10688008">张与辰《黑白》</a>
                                                </h3>
                                                <!--Regular if326-->
                                                <!--Regular if327-->
                                                <p class="txt f-thide">
                                                    <!--Regular if328-->
                                                    ¥<em>65</em>
                                                    <!--Regular if329-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="29">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11239003"
                                                data-position="29" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11239003">
                                                <!--Regular if330-->
                                                <img data-src="http://p3.music.126.net/qeZrAVDGIEi7rdL98pmECw==/109951163873260641.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if331-->
                                                <!--Regular if332-->
                                                <!--Regular if333-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if334-->
                                                    <!--Regular if335-->
                                                    <!--Regular if336-->
                                                    <a data-id="11239003" data-position="29" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11239003">姜育恒《遇恒.牵情》2018加值版</a>
                                                </h3>
                                                <!--Regular if337-->
                                                <!--Regular if338-->
                                                <p class="txt f-thide">
                                                    <!--Regular if339-->
                                                    ¥<em>75</em>
                                                    <!--Regular if340-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="30">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11243003"
                                                data-position="30" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11243003">
                                                <!--Regular if341-->
                                                <img data-src="http://p4.music.126.net/j0OYUXCO50mQDg6v_qUPzw==/109951163873569802.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if342-->
                                                <!--Regular if343-->
                                                <!--Regular if344-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if345-->
                                                    <!--Regular if346-->
                                                    <!--Regular if347-->
                                                    <a data-id="11243003" data-position="30" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11243003">谭旋十年音乐征程精选《重播》</a>
                                                </h3>
                                                <!--Regular if348-->
                                                <!--Regular if349-->
                                                <p class="txt f-thide">
                                                    <!--Regular if350-->
                                                    ¥<em>839</em>
                                                    <!--Regular if351-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="31" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11517002"
                                                data-position="31" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11517002">
                                                <!--Regular if352-->
                                                <img data-src="http://p3.music.126.net/nwbwdzjBm2d-7fEtl0fTVA==/109951163959681467.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if353-->
                                                <!--Regular if354-->
                                                <!--Regular if355-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if356-->
                                                    <!--Regular if357-->
                                                    <!--Regular if358-->
                                                    <a data-id="11517002" data-position="31" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11517002">梁欢《药物进化》</a>
                                                </h3>
                                                <!--Regular if359-->
                                                <!--Regular if360-->
                                                <p class="txt f-thide">
                                                    <!--Regular if361-->
                                                    ¥<em>119</em>
                                                    <!--Regular if362-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="32">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11664000"
                                                data-position="32" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11664000">
                                                <!--Regular if363-->
                                                <img data-src="http://p3.music.126.net/1LNaykdaVfBDUEXHtLrLyg==/109951164055660007.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if364-->
                                                <!--Regular if365-->
                                                <!--Regular if366-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if367-->
                                                    <!--Regular if368-->
                                                    <!--Regular if369-->
                                                    <a data-id="11664000" data-position="32" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11664000">林恺伦CARENCICI《傻眼
                                                        SHAYAN》</a>
                                                </h3>
                                                <!--Regular if370-->
                                                <!--Regular if371-->
                                                <p class="txt f-thide">
                                                    <!--Regular if372-->
                                                    ¥<em>75</em>
                                                    <!--Regular if373-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="33">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11661001"
                                                data-position="33" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11661001">
                                                <!--Regular if374-->
                                                <img data-src="http://p3.music.126.net/QrT6gXnN_M6PvRFZBW_yiQ==/109951164055652458.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if375-->
                                                <!--Regular if376-->
                                                <!--Regular if377-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if378-->
                                                    <!--Regular if379-->
                                                    <!--Regular if380-->
                                                    <a data-id="11661001" data-position="33" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11661001">文慧如《亲爱的你__怎样的我》</a>
                                                </h3>
                                                <!--Regular if381-->
                                                <!--Regular if382-->
                                                <p class="txt f-thide">
                                                    <!--Regular if383-->
                                                    ¥<em>75</em>
                                                    <!--Regular if384-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="34">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11665000"
                                                data-position="34" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11665000">
                                                <!--Regular if385-->
                                                <img data-src="http://p4.music.126.net/HgrKoEQsS9o_B0ziCvv95g==/109951164055659774.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if386-->
                                                <!--Regular if387-->
                                                <!--Regular if388-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if389-->
                                                    <!--Regular if390-->
                                                    <!--Regular if391-->
                                                    <a data-id="11665000" data-position="34" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11665000">熊猫眼乐队《OH
                                                        HONEY》</a>
                                                </h3>
                                                <!--Regular if392-->
                                                <!--Regular if393-->
                                                <p class="txt f-thide">
                                                    <!--Regular if394-->
                                                    ¥<em>85</em>
                                                    <!--Regular if395-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="35" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11785003"
                                                data-position="35" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11785003">
                                                <!--Regular if396-->
                                                <img data-src="http://p3.music.126.net/u4fOTsJrP6_te32JBv3s4g==/109951164107273745.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if397-->
                                                <!--Regular if398-->
                                                <!--Regular if399-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if400-->
                                                    <!--Regular if401-->
                                                    <!--Regular if402-->
                                                    <a data-id="11785003" data-position="35" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11785003">郭美美《起风了》</a>
                                                </h3>
                                                <!--Regular if403-->
                                                <!--Regular if404-->
                                                <p class="txt f-thide">
                                                    <!--Regular if405-->
                                                    ¥<em>99</em>
                                                    <!--Regular if406-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="36">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11817001"
                                                data-position="36" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11817001">
                                                <!--Regular if407-->
                                                <img data-src="http://p3.music.126.net/3UhsSrtjrcy_2Vnhc_2MPA==/109951164111667995.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if408-->
                                                <!--Regular if409-->
                                                <!--Regular if410-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if411-->
                                                    <!--Regular if412-->
                                                    <!--Regular if413-->
                                                    <a data-id="11817001" data-position="36" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11817001">赵传《音乐武侠》实体唱片黑胶大碟LP</a>
                                                </h3>
                                                <!--Regular if414-->
                                                <!--Regular if415-->
                                                <p class="txt f-thide">
                                                    <!--Regular if416-->
                                                    ¥<em>199</em>
                                                    <!--Regular if417-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="37">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11819001"
                                                data-position="37" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11819001">
                                                <!--Regular if418-->
                                                <img data-src="http://p4.music.126.net/tpmoHBkkXtvJ1JDhYndkNQ==/109951164111837860.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if419-->
                                                <!--Regular if420-->
                                                <!--Regular if421-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if422-->
                                                    <!--Regular if423-->
                                                    <!--Regular if424-->
                                                    <a data-id="11819001" data-position="37" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11819001">新空气组合《新空气的声音》实体唱片黑胶大碟LP</a>
                                                </h3>
                                                <!--Regular if425-->
                                                <!--Regular if426-->
                                                <p class="txt f-thide">
                                                    <!--Regular if427-->
                                                    ¥<em>199</em>
                                                    <!--Regular if428-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="38">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11825002"
                                                data-position="38" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11825002">
                                                <!--Regular if429-->
                                                <img data-src="http://p4.music.126.net/KNOAwbLDVM3AC8jwutSX2A==/109951164119783888.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if430-->
                                                <!--Regular if431-->
                                                <!--Regular if432-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if433-->
                                                    <!--Regular if434-->
                                                    <!--Regular if435-->
                                                    <a data-id="11825002" data-position="38" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11825002">杭盖乐队《回到你身旁》实体唱片黑胶大碟LP</a>
                                                </h3>
                                                <!--Regular if436-->
                                                <!--Regular if437-->
                                                <p class="txt f-thide">
                                                    <!--Regular if438-->
                                                    ¥<em>199</em>
                                                    <!--Regular if439-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="39" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11818003"
                                                data-position="39" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11818003">
                                                <!--Regular if440-->
                                                <img data-src="http://p4.music.126.net/yrSAcEP1GNFJ4J1a9k2kwg==/109951164119857866.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if441-->
                                                <!--Regular if442-->
                                                <!--Regular if443-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if444-->
                                                    <!--Regular if445-->
                                                    <!--Regular if446-->
                                                    <a data-id="11818003" data-position="39" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11818003">低音提琴名演天碟-低音提琴演奏家弗兰克·杜萨《Father
                                                        Time牛筋王1》12寸LP</a>
                                                </h3>
                                                <!--Regular if447-->
                                                <!--Regular if448-->
                                                <p class="txt f-thide">
                                                    <!--Regular if449-->
                                                    ¥<em>199</em>
                                                    <!--Regular if450-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="40">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11806002"
                                                data-position="40" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11806002">
                                                <!--Regular if451-->
                                                <img data-src="http://p3.music.126.net/FHv6QCYznJJAcEucTqoTvg==/109951164119859966.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if452-->
                                                <!--Regular if453-->
                                                <!--Regular if454-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if455-->
                                                    <!--Regular if456-->
                                                    <!--Regular if457-->
                                                    <a data-id="11806002" data-position="40" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11806002">爵士钢琴二重奏发烧天碟-美国爵士钢琴家鲍勃·迪根《Chartreuse荨麻酒》12寸LP</a>
                                                </h3>
                                                <!--Regular if458-->
                                                <!--Regular if459-->
                                                <p class="txt f-thide">
                                                    <!--Regular if460-->
                                                    ¥<em>217</em>
                                                    <!--Regular if461-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="41">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11811001"
                                                data-position="41" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11811001">
                                                <!--Regular if462-->
                                                <img data-src="http://p3.music.126.net/ezOHCKOoR2ADebxmHVC5Jw==/109951164119862493.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if463-->
                                                <!--Regular if464-->
                                                <!--Regular if465-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if466-->
                                                    <!--Regular if467-->
                                                    <!--Regular if468-->
                                                    <a data-id="11811001" data-position="41" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11811001">爵士钢琴三重奏发烧天碟-南非爵士乐始祖阿布杜拉·伊布拉辛《Banyana班亚纳》12寸LP</a>
                                                </h3>
                                                <!--Regular if469-->
                                                <!--Regular if470-->
                                                <p class="txt f-thide">
                                                    <!--Regular if471-->
                                                    ¥<em>199</em>
                                                    <!--Regular if472-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="42">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11813002"
                                                data-position="42" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11813002">
                                                <!--Regular if473-->
                                                <img data-src="http://p3.music.126.net/4QmODYVT5buVDC1IhP6yrA==/109951164119870855.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if474-->
                                                <!--Regular if475-->
                                                <!--Regular if476-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if477-->
                                                    <!--Regular if478-->
                                                    <!--Regular if479-->
                                                    <a data-id="11813002" data-position="42" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11813002">爵士鼓名演发烧天碟-HIFI爵士鼓王埃文·琼斯《Youngblood爵士鼓王》12寸LP</a>
                                                </h3>
                                                <!--Regular if480-->
                                                <!--Regular if481-->
                                                <p class="txt f-thide">
                                                    <!--Regular if482-->
                                                    ¥<em>217</em>
                                                    <!--Regular if483-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="43" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11812001"
                                                data-position="43" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11812001">
                                                <!--Regular if484-->
                                                <img data-src="http://p3.music.126.net/4yifuX65G9SQpWA2ODGUxw==/109951164119876334.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if485-->
                                                <!--Regular if486-->
                                                <!--Regular if487-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if488-->
                                                    <!--Regular if489-->
                                                    <!--Regular if490-->
                                                    <a data-id="11812001" data-position="43" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11812001">爵士吉他发烧天碟-匈牙利音乐家阿提拉·佐勒《Common
                                                        Cause共同追求》12寸LP</a>
                                                </h3>
                                                <!--Regular if491-->
                                                <!--Regular if492-->
                                                <p class="txt f-thide">
                                                    <!--Regular if493-->
                                                    ¥<em>199</em>
                                                    <!--Regular if494-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="44">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11831001"
                                                data-position="44" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11831001">
                                                <!--Regular if495-->
                                                <img data-src="http://p3.music.126.net/z6wQK0Py_csmcsQ_-HcKOQ==/109951164119879359.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if496-->
                                                <!--Regular if497-->
                                                <!--Regular if498-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if499-->
                                                    <!--Regular if500-->
                                                    <!--Regular if501-->
                                                    <a data-id="11831001" data-position="44" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11831001">爵士萨克斯现场天碟实录-次中音萨克斯演奏家阿尔奇·薛普《Steam雾》12寸LP</a>
                                                </h3>
                                                <!--Regular if502-->
                                                <!--Regular if503-->
                                                <p class="txt f-thide">
                                                    <!--Regular if504-->
                                                    ¥<em>199</em>
                                                    <!--Regular if505-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="45">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11807004"
                                                data-position="45" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11807004">
                                                <!--Regular if506-->
                                                <img data-src="http://p4.music.126.net/C2LyjkZZpXyrmb60ynM1lg==/109951164119928728.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if507-->
                                                <!--Regular if508-->
                                                <!--Regular if509-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if510-->
                                                    <!--Regular if511-->
                                                    <!--Regular if512-->
                                                    <a data-id="11807004" data-position="45" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11807004">光头李进《你在他乡还好吗》实体唱片黑胶大碟LP</a>
                                                </h3>
                                                <!--Regular if513-->
                                                <!--Regular if514-->
                                                <p class="txt f-thide">
                                                    <!--Regular if515-->
                                                    ¥<em>217</em>
                                                    <!--Regular if516-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="46">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11810001"
                                                data-position="46" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11810001">
                                                <!--Regular if517-->
                                                <img data-src="http://p4.music.126.net/0L_QYba8PWPw69CGUJ-LBg==/109951164119949068.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if518-->
                                                <!--Regular if519-->
                                                <!--Regular if520-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if521-->
                                                    <!--Regular if522-->
                                                    <!--Regular if523-->
                                                    <a data-id="11810001" data-position="46" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11810001">赵传《你过得还好吗》实体唱片黑胶大碟LP</a>
                                                </h3>
                                                <!--Regular if524-->
                                                <!--Regular if525-->
                                                <p class="txt f-thide">
                                                    <!--Regular if526-->
                                                    ¥<em>199</em>
                                                    <!--Regular if527-->

                                                </p>

                                            </div>
                                        </div>
                                    </li>

                                    <li data-action="bircd" data-index="47" style="padding-right: 0px;">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11811002"
                                                data-position="47" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11811002">
                                                <!--Regular if528-->
                                                <img data-src="http://p4.music.126.net/wiuMKNDEy0yF3WgAg1Cb2w==/109951164119974616.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if529-->
                                                <!--Regular if530-->
                                                <!--Regular if531-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if532-->
                                                    <!--Regular if533-->
                                                    <!--Regular if534-->
                                                    <a data-id="11811002" data-position="47" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11811002">王维倩：上海往事
                                                        五·我又想起她（12寸LP 留声机专用黑胶大碟）</a>
                                                </h3>
                                                <!--Regular if535-->
                                                <!--Regular if536-->
                                                <p class="txt f-thide">
                                                    <!--Regular if537-->
                                                    ¥<em>199</em>
                                                    <!--Regular if538-->
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-action="bircd" data-index="48">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11811004"
                                                data-position="48" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11811004">
                                                <!--Regular if539-->
                                                <img data-src="http://p3.music.126.net/ViWvYUnAuN5h7vkiH0xSDw==/109951164119973490.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if540-->
                                                <!--Regular if541-->
                                                <!--Regular if542-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if543-->
                                                    <!--Regular if544-->
                                                    <!--Regular if545-->
                                                    <a data-id="11811004" data-position="48" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11811004">王维倩：上海往事
                                                        六·相依为伴（12寸LP 留声机专用黑胶大碟）</a>
                                                </h3>
                                                <!--Regular if546-->
                                                <!--Regular if547-->
                                                <p class="txt f-thide">
                                                    <!--Regular if548-->
                                                    ¥<em>199</em>
                                                    <!--Regular if549-->
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-action="bircd" data-index="49">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11807007"
                                                data-position="49" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11807007">
                                                <!--Regular if550-->
                                                <img data-src="http://p3.music.126.net/wGbY-kunALePEIkLZBIO0Q==/109951164120034048.jpg"
                                                    class="f-img j-lazy">
                                                <!--Regular if551-->
                                                <!--Regular if552-->
                                                <!--Regular if553-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if554-->
                                                    <!--Regular if555-->
                                                    <!--Regular if556-->
                                                    <a data-id="11807007" data-position="49" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11807007">洪启：阿里木江，你在哪里？（12寸LP
                                                        留声机专用黑胶大碟）</a>
                                                </h3>
                                                <!--Regular if557-->
                                                <!--Regular if558-->
                                                <p class="txt f-thide">
                                                    <!--Regular if559-->
                                                    ¥<em>217</em>
                                                    <!--Regular if560-->
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-action="bircd" data-index="50">
                                        <div>
                                            <a class="cover f-pr f-blk j-statistics" data-id="11833004"
                                                data-position="50" data-action="card" target="_blank"
                                                href="/store/product/detail?id=11833004">
                                                <!--Regular if561-->
                                                <img data-src="http://p3.music.126.net/VerGM7Xrs3ry2jLOA1hFsQ==/109951164120035618.jpg"
                                                    class="f-img j-lazy">

                                                <!--Regular if562-->
                                                <!--Regular if563-->
                                                <!--Regular if564-->
                                            </a>
                                            <div class="cnt f-tc">
                                                <h3 class="f-thide2">
                                                    <!--Regular if565-->
                                                    <!--Regular if566-->
                                                    <!--Regular if567-->
                                                    <a data-id="11833004" data-position="50" data-action="card"
                                                        target="_blank"
                                                        href="/store/product/detail?id=11833004">马帮乐队：马帮（12寸LP
                                                        留声机专用黑胶大碟）</a>
                                                </h3>
                                                <!--Regular if568-->
                                                <!--Regular if569-->
                                                <p class="txt f-thide">
                                                    <!--Regular if570-->
                                                    ¥<em>217</em>
                                                    <!--Regular if571-->
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <!--Regular if8-->
                            </div>
                            <!--Regular if9-->
                            <div style="display: none;">
                                <div class="m-page ">
                                    <a href="javascript:;" class="zbtn zprv js-disabled"></a>
                                    <!--Regular if10-->
                                    <!--Regular list-->
                                    <a href="javascript:;" class="zpgi js-selected">1</a>
                                    <a href="javascript:;" class="zpgi ">0</a>
                                    <a href="javascript:;" class="zbtn znxt "></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="g-ft g-store-ft g-ft-noplaybar">
            <div class="m-ft">
                <div class="wrap f-cb">
                    <div class="copy">
                        <p>
                            <a href="//st.music.163.com/official-terms/service" target="_blank"
                                class="s-fc4">服务条款</a><span class="line">|</span>
                            <a href="//st.music.163.com/official-terms/privacy" target="_blank"
                                class="s-fc4">隐私政策</a><span class="line">|</span>
                            <a href="//st.music.163.com/official-terms/children" target="_blank"
                                class="s-fc4">儿童隐私政策</a><span class="line">|</span>
                            <a href="//music.163.com/st/staticdeal/complaints.html" target="_blank"
                                class="s-fc4">版权投诉指引</a><span class="line">|</span>
                            <a href="https://mp.music.163.com/600948c936c13f4d09752e73/contact-us-web/index.html?source=Music-Mall"
                                target="_blank" class="s-fc4">联系我们</a>
                        </p>
                        <p class="s-fc3">
                            <span class="sep">网易公司版权所有©1997-2025</span>杭州乐读科技有限公司运营：<a class="s-fc3"
                                href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/26948638583/e95b/ceec/7e82/959e2538f30496f8c769361fb15daba1.jpg"
                                target="_blank">浙网文[2021] 1186-054号</a>
                        </p>
                        <p class="s-fc3">
                            <a class="s-fc3"
                                href="https://p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/11202823048/cd21/9c11/b6ec/a94ff538fff84c7efd4529ed8f6b0c4e.png"
                                target="_blank">食品经营许可证</a>
                            <a class="s-fc3" href="https://y.music.163.com/m/at/642fe38f10c8de583f53e97e"
                                target="_blank">出版物经营许可证</a>
                            <a class="s-fc3"
                                href="https://p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/29282378396/cc98/4b70/e976/fd7c0aecfbcc61a8e583713e225faec5.jpg"
                                target="_blank">营业执照</a>
                            <span class="sep">网络食品交易第三方平台提供者信息备案: 浙网食A33010041</span>
                            <a class="s-fc3"
                                href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/5825415123/2c76/c197/f6f7/5f2911c26f2a4a4cc2f89e50e7959d31.jpg"
                                target="_blank">进口冷链管理承诺书</a>
                        </p>
                        <p class="s-fc3">
                            <span class="sep">粤B2-20090191-18</span>举报邮箱：<a class="s-fc3"
                                href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">工业和信息化部备案管理系统网站</a>
                        </p>
                    </div>
                    <ul class="enter f-fr">
                        <li>
                            <a class="logo logo-musician f-tid" href="/recruit" target="_blank">独立音乐人</a>
                        </li>
                        <li>
                            <a class="logo logo-topic f-tid" href="/topic/recruit" target="_blank">音乐专栏</a>
                        </li>
                        <li>
                            <a class="logo logo-midea f-tid" href="/topic/selfmedia" target="_blank">自媒体</a>
                        </li>
                        <li>
                            <a class="logo logo-reward f-tid" href="/web/reward" target="_blank">赞赏</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <el-affix v-show="isAffixVisible" position="bottom" :offset="575">
        <div class="m-wrap">
            <div class="m-item m-unclick"><span class="mt">100%<br>正品</span></div>
            <div class="m-item m-unclick"><span class="mt">七天无理由退货</span></div>
            <div class="m-item shopcar" data-action="shopcar"><span>
                    <i class="icon"></i>
                    <span class="f-pr">购物车</span></span></div>
            <div class="m-item kefu" data-action="kefu"><i class="icon">
                </i><span class="f-pr">客服</span></div>
            <div class="m-item m-back" data-action="top"><a href="javascript:;" class="j-totop"></a></div>
        </div>
    </el-affix>
</template>

<script setup lang="ts">
import { ref, defineEmits, defineAsyncComponent, computed, onMounted, onUnmounted } from 'vue';
const triggerElement = ref(null);
const isAffixVisible = ref(false);
let observer = null;
const images = [
    { name: 'https://p1.music.126.net/j2RNq1gRdpRTYVGGt6PVMw==/109951170988249226.jpg?imageView&quality=89' },
    { name: 'https://p1.music.126.net/mv7tXr32R3p0O6RqgMTEng==/109951170988261894.jpg?imageView&quality=89' },
    { name: 'https://p1.music.126.net/xgtUQyddol1sNcQ67MtPZg==/109951170988328336.jpg?imageView&quality=89' },
    { name: 'https://p1.music.126.net/oklUa7LfbHse01JOalCo6A==/109951170988385593.jpg?imageView&quality=89' },
    { name: 'https://p1.music.126.net/sVlAHkbLz8oIN1cGVEC6BA==/109951170988317388.jpg?imageView&quality=89' },
    { name: 'https://p1.music.126.net/nxGBuFcAXyCJixhJQ6yK-w==/109951170989966094.jpg?imageView&quality=89' }
]
onMounted(() => {
  // 创建 IntersectionObserver 实例
  observer = new IntersectionObserver(
    (entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          // 目标元素进入视口时显示
          isAffixVisible.value = true;
        } else {
          // 目标元素离开视口时隐藏
          isAffixVisible.value = false;
        }
      });
    },
    {
      root: null, // 使用浏览器视口作为根元素
      threshold: 0.1, // 目标元素可见度达到 10% 时触发回调
      rootMargin: '0px 0px 0px 0px', // 根元素的边距
    }
  );

  // 开始观察目标元素
  if (triggerElement.value) {
    observer.observe(triggerElement.value);
  }
});

onUnmounted(() => {
  // 组件卸载时停止观察
  if (observer) {
    observer.disconnect();
  }
});
</script>

<style lang="scss" scoped>
.content {
    background: #fff;
}

.m-content {}

.m-header {
    height: 73px;
    background: #fff;

}

.f-pr {
    position: relative;
    zoom: 1;
}

.m-header .m-nav {
    width: 1100px;
    margin: 0 auto;
}

.m-header .m-logo a {
    display: inline-block;
    width: 290px;
    height: 70px;
    background-position: 0px -48px !important;
    text-decoration: none;
    background: url(../assets/Shopping/modules.png) no-repeat;
    cursor: pointer;
    color: #333;

}

.m-header .m-search {
    width: 300px;
    height: 70px;
    margin-left: 334px;
}

.m-header .inputwrap {
    width: 300px;
    height: 69px;
    padding-top: 1px;
}

.m-header .inputwrap input {
    width: 80%;
    margin: 10px 0 0 34px;
    border: 0;
    background: transparent;
    font-size: 12px;
    color: #333;
    font-family: quote, "PingFang SC", "Microsoft Yahei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", "simsun", sans-serif;
}

.m-header .wrap {
    position: absolute;
    z-index: 999;
    top: 56px;
    width: 300px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 4px 7px #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.m-header .m-shopcar {
    width: 36px;
    height: 36px;
    margin: 17px 0 0 41px;
}

.m-header .m-shopcar a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-position: -110px -158px !important;
    cursor: pointer;
    text-decoration: none;
    background: url(../assets/Shopping/modules.png) no-repeat;
}

.f-fl {
    float: left;
}



.m-header .m-user {
    width: 62px;
    height: 36px;
    margin: 15px 0 0 37px;
    background: url(../assets/Shopping/arrow-d.png) no-repeat 110% center;

    &:hover {
        background: url(../assets/Shopping/arrow-u.png) no-repeat 110% center !important;
    }
}





.m-header .m-select {
    z-index: 99;
    width: 62px;
    height: 36px;

    &:hover {

        ul {
            display: block !important;
        }
    }
}


.m-header .m-select .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}


.m-header .m-select ul {
    position: absolute;
    z-index: 100;
    top: 54px;
    left: -61px;
    width: 160px;
    height: auto;
    box-shadow: 0 4px 7px #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.m-header .m-select ul li {
    padding-left: 24px;
    font-size: 12px;
    color: #333;
    background-color: #fff;
}

.m-select li a {
    display: block;
    width: 134px;
    padding-left: 1px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #000;
}

.m-select li a em {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 18px;
    height: 18px;
    margin-right: 9px;
}

.m-select li a .address {
    background-position: 0px -0px;
}

.f-pa {
    position: absolute;
}

.m-select li a .order {
    background: url(../assets/Shopping/myorder.png) no-repeat;

}

.m-select li a .coupon-icon {
    background-position: 0px -28px !important;
    background: url(../assets/Shopping/logins.png) no-repeat;
}

.m-select li a .address {
    background-position: 0px -0px !important;
    background: url(../assets/Shopping/logins.png) no-repeat;
}

.m-select li a .mainside {
    background-position: -28px -0px !important;
    background: url(../assets/Shopping/logins.png) no-repeat;
}

.m-select li a .logout {
    background-position: -56px -0px !important;
    background: url(../assets/Shopping/logins.png) no-repeat;
}

.banner {
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative;
}




.g-tab {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    .hometab {
        width: 1100px;
        margin: 0 auto;
    }

    .hometab ul {
        width: 100%;
        height: 80px;
    }

    .f-tc {
        text-align: center;
    }

    .hometab ul .tab {
        float: left;
        width: 275px;
        height: 80px;
    }


    .hometab ul li a {
        float: left;
        width: 250px;
        padding: 0 10px;
        height: 80px;
        text-align: center;
        font-size: 0;

    }

    .hometab ul li img {
        display: inline-block;
        width: 48px;
        height: 60px;
        vertical-align: top;
        padding-top: 16px;
        border: 0;
        overflow-clip-margin: content-box;
        overflow: clip;
    }




    .hometab .tab span {
        display: inline-block;
        max-width: 190px;
        height: 80px;
        padding-left: 12px;
        line-height: 80px;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
    }

    .f-thide {
        word-wrap: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }



    .hometab .line {
        display: inline-block;
        height: 48px;
        width: 1px;
        margin: 16px 0 16px 0;
        background-color: #000000;
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        opacity: 0.1;
    }




    .hometab .left {
        display: inline-block;
        width: 48px;
        height: 48px;
        margin-top: 15px;
        background: url(../assets/Shopping/jifen.png) no-repeat;
    }

    .hometab .right {
        display: inline-block;
        height: 80px;
        padding-left: 8px;
        vertical-align: top;
    }


    .hometab .right .txt {
        padding-top: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
    }


    .hometab .right .count {
        display: inline-block;
        font-size: 14px;
        color: #d33a31;
    }


    .hometab .right .count {
        display: inline-block;
        font-size: 14px;
        color: #d33a31;
    }
}

.hometab .right .jifen {
    display: inline-block;
    padding: 2px 0 0 4px;
    font-size: 12px;
    color: #d33a31;
}

.g-bd {
    width: 1100px;
    min-height: 750px;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 160px;


    .g-bd .ma {
        width: 100%;
        margin: 0;
    }

    .subjs {
        width: 100%;
        margin-top: 40px;
        height: 300px;
    }

    .pad-right {
        padding-right: 16px;
    }

    .subj {
        float: left;
        width: 542px;
        height: 300px;

        img {
            width: 100%;
            height: 100%;
        }

    }


    .n-index {
        width: 1100px;
        // height: 5574px;
    }

}


.m-block {
    margin-top: 50px;
    width: 100%;
    height: auto;

    .m-block .mid-bold {
        font-weight: bold;
    }

    .m-block .mid-txt {
        font-size: 24px;
        color: #333;
    }

    .m-product .list {
        margin-top: 20px;
        width: 100%;
        height: auto;
    }

    .m-page {
        margin: 20px 0;
        padding-bottom: 30px;
        text-align: center;
        font-size: 14px;
        color: #666;
    }

    .m-page a.zprv.js-disabled,
    .m-page a.zprv.js-disabled:hover {
        background-color: #ccc;
        color: #cacaca;
        cursor: default;
        border-color: #ededed;
    }

    .m-page .zpgi {
        height: 30px;
        padding: 0 12px;
        background-color: #fff;
        line-height: 32px;
    }

}

.digalb {
    position: relative;
    width: 100%;
    height: 180px;
    cursor: pointer;

    .cnt {
        width: 700px;
        margin: 0 20px 0 60px;

        .inner {
            height: 180px;

            span {
                display: block;
                padding-top: 28px;
                font-size: 32px;
                font-weight: bold;
                color: #000000;
            }

            i {
                position: relative;
                top: 5px;
                margin-right: 10px;
                display: inline-block;
                width: 32px;
                height: 32px;
                background: url(../assets/Shopping/digitalicon.png) no-repeat;
            }

            p {
                position: relative;
                margin-top: 9px;
                font-size: 16px;
                color: rgba(0, 0, 0, 0.7);
            }
        }
    }

    .covers {
        top: 30px;
        right: 50px;
        width: 210px;
        height: 120px;

        .sml {
            position: absolute;
            top: 15px;
            left: 0;
            width: 100px;
            height: 100px;
        }

        .big {
            position: absolute;
            z-index: 99;
            top: 0;
            left: 60px;
            width: 120px;
            height: 120px;
        }

        .circle {
            position: absolute;
            top: 0;
            left: 175px;
            width: 35px;
            height: 120px;
            border: none;
            background-position: 0px -73px !important;
            background: url(../assets/Shopping/pointlist.png);

        }
    }

    .f-pa {
        position: absolute;
    }
}

.f-mgt10 {
    margin-top: 10px;
}


.m-bkloc {
    margin-top: 50px;
    width: 100%;
    height: auto;

    .mid-bold {
        font-weight: bold;
    }

    .mid-txt {
        font-size: 24px;
        color: #333;
    }

    .list {
        margin-top: 20px;
        width: 100%;
        height: auto;

        li {
            float: left;
            position: relative;
            width: 273px;
            height: 382px;
            padding-right: 16px;

            .cover {
                width: 263px;
                height: 263px;
                background-color: #f9f9f9;
                cursor: pointer;

                img {
                    width: 263px;
                    display: block;
                    height: 263px;
                }

                .f-pr {
                    position: relative;
                    zoom: 1;
                }

                .f-blk {
                    display: block;
                }
            }

            .cnt {
                margin-top: 10px;

                .f-thide2 {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }

                h3 {
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: normal;
                    color: #333;

                    a {
                        cursor: pointer;
                        text-decoration: none;
                        color: #333;
                    }
                }

                .txt {
                    font-size: 16px;
                    color: #d33a31;

                    em {
                        font-style: normal;
                        text-align: left;
                        font-size: inherit;
                    }
                }
            }

            .f-tc {
                text-align: center;
            }
        }
    }

}


.g-ft {
    height: 160px;
    margin-top: -120px;
    background: #f2f2f2;
    font-family: quote, "PingFang SC", "Microsoft Yahei", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", "simsun", sans-serif;

    .m-ft {
        width: 1100px;
        margin: 0 auto;

        .copy {
            float: left;
            width: 700px;
            padding-top: 22px;
            line-height: 24px;

            p {
                display: block;
                margin-block-start: 1em;
                margin-block-end: 1em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                unicode-bidi: isolate;
                padding: 0;
                margin: 0;

                a {
                    text-decoration: none;
                    color: #333;
                    cursor: pointer;
                }

                .s-fc4 {
                    color: #999;
                }

                .line {
                    margin: 0 8px 0 10px;
                    color: #c2c2c2;
                    line-height: 24px;
                }

                .s-fc3 {
                    color: #666;
                }

                .sep {
                    margin-right: 14px;
                    line-height: 24px;
                    color: #666;
                }

            }

        }

        .enter {
            width: 330px;
            margin-top: 30px;

            li {
                list-style: none;
                padding: 0;
                margin: 0;

                .logo {
                    float: left;
                    width: 60px;
                    height: 70px;
                    margin-left: 30px;
                    background: url(../assets/Shopping/foot_enter.png) no-repeat;
                }

                .logo-musician {
                    background-position: -60px -80px !important;
                    margin-left: 0;
                }

                .f-tid {
                    text-indent: -9999px;
                }
            }
        }

        .f-fr {
            float: right;
        }
    }

}


.m-wrap {
    display: block;
    position: fixed;
    // position: absolute;
    right: 80px;
    z-index: 98;
    // top: 325px;
    bottom: auto;
    width: 60px;
    height: auto;
    margin-top: 0;
    font-size: 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border: 1px solid #999;
    text-align: center;
    box-sizing: content-box;

    .m-item {
        display: block;
        height: 60px;
        border: 1px solid transparent;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid #e5e5e5;
        cursor: pointer;

        span {
            display: block;
            line-height: 1.5;
            color: #666666;
        }

        .mt {
            margin-top: 13px;
        }

        .f-pr {
            position: relative;
            zoom: 1;
        }
    }

    .m-unclick {
        cursor: default;
    }

    .shopcar {
        color: #333333;
        position: relative;

        .icon {
            display: block;
            width: 20px;
            height: 20px;
            margin: 11px 0 5px 17px;
            background-position: 0px -71px !important;
            background: url(../assets/Shopping/totop.png) no-repeat;
        }
    }

    .kefu {
        color: #333333;

        .icon {
            display: block;
            width: 20px;
            height: 20px;
            margin: 11px 0 5px 19px;
            background-position: 0px -101px !important;
            background: url(../assets/Shopping/totop.png) no-repeat;
        }

        .f-pr {
            position: relative;
            zoom: 1;
        }
    }

    .m-back {
        display: block;
        height: 35px;
        border: none;
        background-position: -70px -0px !important;
        background: url(../assets/Shopping/totop.png) no-repeat;

        a {
            text-decoration: none;
            color: #333;
        }
    }



}
</style>